@import "../../../style/val.scss";
.bank-transfer-money-page {
	*,
	*:before,
	*:after {
		/* -webkit-tap-highlight-color: rgba(0, 0, 0, 0); */
		font-size: 0.28rem;
		color: #666;
	}
	.demoTitle:before,
	.demoTitle:after {
		border-bottom: none;
	}
	.content-body {
		.bg-blank {
			//background-color: #ffffff;
		}
		.top-div {
			width: 100%;
			//height: 4.2rem;
			background-color: #ffffff;

			.top-money {
				height: 1.43rem;
				width: 100%;
				background-color: #fff;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				padding-top: 0.29rem;
				.money-tips {
					font-size: 0.28rem;
					color: #333333;

					margin-left: 0.35rem;
				}
				.money-num {
					font-size: 0.5rem;
					color: #4b4b4b;
					margin-top: 0.25rem;
					margin-left: 0.35rem;
					text-align: left;
					height: 0.36rem;
					line-height: 0.36rem;
				}
			}
			.tips {
				font-size: 0.22rem;
				margin-left: 0.34rem;
				margin-top: 0.13rem;
				font-family: PingFangSC-Regular;
				color: #909090;
				font-weight: 400;
				line-height: 0.37rem;
			}
			.list1 {
				padding: 0 0.3rem;
				background: $color8;
				margin-top: 0.5rem;
				.item1 {
					height: 0.46rem;
					display: flex;
					align-items: center;
					position: relative;
					&:first-child {
						border-top: none;
					}
					.item-center1 {
						flex: 1;
						color: $color2;
						height: 0.46rem;
						font-size: 0.22rem;
						font-family: $font-family;
					}
					.item-left1 {
						font-size: 0.22rem;
						font-family: $font-family;
						color: #333333;
						text-align: left;
						width: 1.46rem;
					}
					.item-right1 {
						font-size: 0.22rem;
						font-family: $font-family;
						color: #333333;
						text-align: right;
						flex: 1;
					}
					img {
						position: absolute;
						right: 0;
						bottom: 0.25rem;
						max-width: 0.72rem;
						max-height: 0.5rem;
						z-index: 1;
					}
				}
			}
		}
		.line-8 {
			width: 100%;
			height: 0.08rem;
		}

		.input-right-div {
			display: flex;
			position: absolute;
			width: 0.8rem;
			top: 0;
			right: 0;
			height: 0.9rem;
			justify-content: center;
			align-items: center;
			text-align: right;
			.input-right-img {
				width: 0.29rem;
				height: 0.37rem;
			}
		}
		.line-2 {
			width: 7.1rem;
			height: 0.02rem;
			margin-left: 0.2rem;
			background-color: #f1f1f1;
		}
		.submit-btn {
			display: block;
			height: 0.86rem;
			font-size: 0.24rem;
			color: #00a0dd;
			width: 6.67rem;
			margin-top: 0.2rem;
			margin-left: 0.43rem;
			text-align: center;
			line-height: 0.86rem;
			border-radius: 10px;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			justify-content: center;
			background-color: #ffffff;
		}
		.button-2 {
			width: 100%;
			margin-top: 0.26rem;
			margin-left: 0;
			color: #ffffff;
			border-radius: 0;
			font-size: 0.36rem;
			background-color: #00a0dd;
		}

		.up-load-content {
			background-color: $color8;
			//padding:0 .3rem;
			margin-top: 0.08rem;
			.am-list-item.am-input-item {
			}
			.item {
				position: relative;
				height: 1rem;
				.am-list-item.am-input-item {
					height: 1rem;
				}
				.am-list-item .am-input-label {
					font-size: 0.28rem;
					color: #333333;
					margin-left: 0;
					margin-right: 0;
				}
				.am-list-item .am-input-control input {
					color: #999999;
					font-size: 0.28rem;
				}
				.am-list-item .am-input-label.am-input-label-5 {
					width: 1.8rem;
				}
			}

			.select-img {
				margin-left: 0.3rem;
				.icon-arrorw-right {
					margin-right: 0.25rem;
				}
			}
			.top-cont {
				height: 0.75rem;
				display: flex;
				justify-content: space-between;
				align-items: center;
				color: $color4;
				border-bottom: 1px solid $color5;
				span {
					cursor: pointer;
				}
				span:first-child {
					font-size: $fontSize28;
					font-family: $font-family;
				}
				span:last-child {
					font-size: $fontSize24;
					font-family: $font-family;
					position: relative;
					i {
						background: url("../../images/icon-btn-delete.png") no-repeat;
						background-size: 100%;
						width: 0.28rem;
						height: 0.28rem;
						display: inline-block;
						position: absolute;
						right: 0.5rem;
						top: 0.03rem;
					}
				}
			}
			.list-content {
				font-size: $fontSize26;
				font-family: $font-family;
				li {
					border-bottom: 1px solid $color5;
					height: 1rem;
					display: flex;
					align-items: center;
					position: relative;
					cursor: pointer;
					.label {
						color: $color2;
						font-size: 0.28rem;
						width: 1.8rem;
						display: inline-block;
					}
					.img-input {
						opacity: 0;
						z-index: 2;
						width: 80%;
					}
					.thumbnail-cont {
						width: 0.72rem;
						height: 0.58rem;
						img {
							width: 100%;
							height: 100%;
							border-radius: 5px;
						}
					}
					.data-cont {
						font-size: $fontSize28;
						font-family: $font-family;
						color: $color3;
						flex: 1;
					}
					.data-cont-val {
						font-size: $fontSize28;
						font-family: $font-family;
						color: $color2;
						flex: 1;
					}
					.place-holder {
						color: $color3;
						font-size: $fontSize28;
						font-family: $font-family;
						flex: 1;
					}
				}
				li:last-child {
					border-bottom: none;
				}
			}
		}
	}
}
